.scene-monitor {
  background: #0a0e13;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: end;
  .select-wrap{
    width: 80px;
    background: none;
    border-color: rgba(38, 111, 166, 1);
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 5px;
    &::placeholder {
      color: rgba(255, 255, 255, 0.8);
      text-align: center;
    }
  }
  .video-wrap{
    width: 100%;
    height: calc(100% - 40px);
    margin-top: 10px;
    padding: 0 10px;
    position: relative;
    .video-content{
      width: 100%;
      height: 100%;
    }
    .video-str{
      position: absolute;
      top: 10px;
      right: 10px;
      color: #ffffff;
      font-size: 12px;
    }
  }
  @media screen and (max-width: 1920px) {
    transform: scale(0.4862); // 1920/3952 ≈ 0.4862
    transform-origin: top left;
  }

  @media screen and (max-width: 1080px) {
    transform: scale(0.2733); // 1080/3952 ≈ 0.2733
    transform-origin: top left;
  }

  @media screen and (min-width: 5120px) {
    transform: scale(1.7778); // 5120/3952 ≈ 1.2955
    transform-origin: top left;
  }
}
